/*星星评分*/
.star {
    display: inline-block;
    border: solid 1px #ddd;
}

.star span {
    float: left;
    height: 28px;
    cursor: pointer
}

.star img {
    border: #e0e0e0 1px solid;
    padding: 2px;
}

.star a:hover img {
    border: #69f 1px solid;
    padding: 2px;
}

.star ul {
    display: block;
    float: left;
    width: 100px;
    height: 28px;
    position: relative;
    background: url('../images/starrating.gif') top left repeat-x;
    margin: 22px 5px 0 0px;
}

.star ul li {
    float: left;
}

.star ul li a {
    display: block;
    width: 10px;
    height: 28px;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    overflow: hidden;
}

.star ul li a:hover {
    background: url('../images/starrating.gif') left 35px;
    z-index: 2;
    left: 0;
    cursor: pointer;
}

.star ul a.star_1 {
    left: 0px;
}

.star ul a.star_1:hover {
    width: 10px;
}

.star ul a.star_2 {
    left: 10px;
}

.star ul a.star_2:hover {
    width: 20px;
}

.star ul a.star_3 {
    left: 20px;
}

.star ul a.star_3:hover {
    width: 30px;
}

.star ul a.star_4 {
    left: 30px;
}

.star ul a.star_4:hover {
    width: 40px;
}

.star ul a.star_5 {
    left: 40px;
}

.star ul a.star_5:hover {
    width: 50px;
}

.star ul a.star_6 {
    left: 50px;
}

.star ul a.star_6:hover {
    width: 60px;
}

.star ul a.star_7 {
    left: 60px;
}

.star ul a.star_7:hover {
    width: 70px;
}

.star ul a.star_8 {
    left: 70px;
}

.star ul a.star_8:hover {
    width: 80px;
}

.star ul a.star_9 {
    left: 80px;
}

.star ul a.star_9:hover {
    width: 90px;
}

.star ul a.star_10 {
    left: 90px;
}

.star ul a.star_10:hover {
    width: 100px;
}

.star .star_current {
    background: url('../images/starrating.gif') left 35px;
    position: absolute;
    height: 21px;
    width: 60px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}

.star #star_tip {
    position: absolute;
    width: 140px;
    color: #999;
    font-size: 14px;
    margin-left: 0px;
}

.star #star_hover {
    margin: 24px 8px 0 0;
    width: 32px;
    color: green;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
}

.star p {
    width: 100px;
    float: left;
    color: #666;
}

.star p span {
    font-family: Arial;
    font-style: italic;
    color: #f60;
}

.star #star_shi {
    font-size: 32px;
    line-height: 28px;
    font-weight: bold;
}

.star #star_ge {
    font-size: 18px;
    line-height: 22px;
}

.star p span.star_no {
    width: 110px;
    clear: both;
    color: #666;
    font-style: normal;
    font-size: 12px;
}


/*彩色线条*/
.sb-navigation-top {
    left: 0;
    width: 100%;
    height: 3px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    text-align: center;
    z-index: 109;
    background-color: #0FA6EA;
    background: -webkit-linear-gradient(left, rgba(15, 166, 234, 1) 0, rgba(246, 107, 18, 1) 20%, rgba(15, 166, 234, 1) 60%, rgba(89, 204, 24, 1) 100%);
    background: -moz-linear-gradient(left, rgba(15, 166, 234, 1) 0, rgba(246, 107, 18, 1) 20%, rgba(15, 166, 234, 1) 60%, rgba(89, 204, 24, 1) 100%);
    background: -ms-linear-gradient(left, rgba(15, 166, 234, 1) 0, rgba(246, 107, 18, 1) 20%, rgba(15, 166, 234, 1) 60%, rgba(89, 204, 24, 1) 100%);
    background: linear-gradient(left, rgba(15, 166, 234, 1) 0, rgba(246, 107, 18, 1) 20%, rgba(15, 166, 234, 1) 60%, rgba(89, 204, 24, 1) 100%);
}

/*幻灯毛玻璃*/
.blurr {
    left: 0px;
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: rgb(0, 0, 0);
}

.blurr-bg {
    left: 0px;
    right: 0px;
    top: -50px;
    bottom: -50px;
    width: 100%;
    -webkit-filter: contrast(110%) brightness(74%) blur(30px);
    z-index: 50;
    position: absolute;
}

.blurrdiv {
    width: 1300px;
    margin: 0 auto;
    float: none;
}

.blurrul {
    width: 1300px;
    margin: 0 auto;
    position: relative;
}

/*3D翻转特效*/
.sb-container-q1:hover .sb-film-one .sb-face-one li a d {
    display: none;
}

.qcontainer:hover .film .face li a d {
    display: none;
}

.sb-bg-mp-video {
    display: none;
}

.sb-mp-lz-bz {
    display: none;
}

.contentbox {
    width: 1000px;
    margin: auto;
    margin-top: 2em;
    clear: left;
}

.qcontainer {
    -webkit-perspective: 400;
    -moz-perspective: 400;
    float: left;
    width: 180px;
    margin-right: 20px;
}

.film {
    width: 100%;
    height: 250px;
    /*-webkit-transform-style: preserve-3d;*/
    /*-webkit-transition: 1.5s;*/
    /*-moz-transform-style: preserve-3d;*/
    /*-moz-transition: 1.5s;*/
}

.qcontainer:hover .film {
    /*-webkit-transform: rotateY(180deg);*/
    /*-moz-transform: rotateY(180deg);*/
}

.face {
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.face h3 {
    color: white;
    text-align: center;
}

.back {
    /*-webkit-transform: rotateY(180deg);*/
    /*-moz-transform: rotateY(180deg);*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#fdbb5a), to(#db5726));*/
    /*background: -moz-linear-gradient(top, #fdbb5a, #db5726);*/
    /*width: 180px;*/
    /*height: 230px;*/
    /*-webkit-border-radius: 10px;*/
}

/*响应式*/
@media (max-width: 767px) {
    .sb-face-one li a d {
        display: none;
    }

    .face li a d {
        display: none;
    }

    .sb-bg-mp-video {
        display: block
    }

    .sb-mp-lz-bz {
        display: block
    }

    .MPli {
        width: 100%;
    }

    .MPli img {
        width: 100%;
        height: 160px;
    }

    .MPli2 {
        width: 100%;
    }

    .MPli2 img {
        width: 100%;
        height: 160px;
    }

    .qcontainer {
        -webkit-perspective: 400;
        -moz-perspective: 400;
        float: left;
        width: 30%;
        margin-right: 10px;
    }

    .film {
        width: 100%;
        height: 180px;
        /*-webkit-transform-style: preserve-3d;*/
        /*-webkit-transition: 1.5s;*/
        /*-moz-transform-style: preserve-3d;*/
        /*-moz-transition: 1.5s;*/
    }

    .qcontainer:hover .film {
        /*-webkit-transform: rotateY(180deg);*/
        /*-moz-transform: rotateY(180deg);*/
    }

    .face {
        position: relative;
        /*-webkit-backface-visibility: hidden;*/
        /*-moz-backface-visibility: hidden;*/
    }

    .face h3 {
        color: white;
        text-align: center;
    }

    .back {
        display: none;
    }
}

/*3D翻转特效*/
.sb-bg1-mp-video {
    display: none;
}

.sb-mp-lz-bz1 {
    display: none;
}

.sb-box1-content {
    width: 1000px;
    margin: auto;
    margin-top: 2em;
    clear: left;
}

.sb-container-q1 {
    -webkit-perspective: 400;
    -moz-perspective: 400;
    float: left;
    width: 140px;
    margin-right: 16px;
}

.sb-film-one {
    width: 100%;
    height: 215px;
    /*-webkit-transform-style: preserve-3d;*/
    /*-webkit-transition: 1.5s;*/
    /*-moz-transform-style: preserve-3d;*/
    /*-moz-transition: 1.5s;*/
}

.sb-container-q1:hover .sb-film-one {
    /*-webkit-transform: rotateY(180deg);*/
    /*-moz-transform: rotateY(180deg);*/
}

.sb-face-one {
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.sb-face-one h3 {
    color: white;
    text-align: center;
}

.sb-back-one {
    /*-webkit-transform: rotateY(180deg);*/
    /*-moz-transform: rotateY(180deg);*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#fdbb5a), to(#db5726));*/
    /*background: -moz-linear-gradient(top, #fdbb5a, #db5726);*/
    /*width: 140px;*/
    /*height: 200px;*/
    /*-webkit-border-radius: 10px;*/
}

/*响应式*/
@media (max-width: 767px) {
    .sb-bg1-mp-video {
        display: block
    }

    .sb-mp-lz-bz1 {
        display: block
    }

    .sb-mp-li-one {
        width: 100%;
    }

    .sb-mp-li-one img {
        width: 100%;
        height: 160px;
    }

    .sb-container-q1 {
        -webkit-perspective: 400;
        -moz-perspective: 400;
        float: left;
        width: 30%;
        margin-right: 10px;
    }

    .sb-film-one {
        width: 100%;
        height: 180px;
        /*-webkit-transform-style: preserve-3d;*/
        /*-webkit-transition: 1.5s;*/
        /*-moz-transform-style: preserve-3d;*/
        /*-moz-transition: 1.5s;*/
    }

    .sb-container-q1:hover .sb-film-one {
        /*-webkit-transform: rotateY(180deg);*/
        /*-moz-transform: rotateY(180deg);*/
    }

    .sb-face-one {
        position: relative;
        /*-webkit-backface-visibility: hidden;*/
        /*-moz-backface-visibility: hidden;*/
    }

    .sb-face-one h3 {
        color: white;
        text-align: center;
    }

    .sb-back-one {
        display: none;
    }
}